<template>
  <el-dialog title="操作提醒" :visible.sync="showRule" width="40%">
    <div v-if="value" class="form-item-propmt">
      <span class="propmt" v-html="value"></span>
    </div>
    <div class="checkb">
      <el-checkbox v-model="checked">我已知晓并认同平台退款规则</el-checkbox>
    </div>
    <span slot="footer" class="dialog-footer">
      <el-button @click="showRule = false">取 消</el-button>
      <el-button type="primary" :disabled="disabledT" @click="sure">
        确 定
      </el-button>
    </span>
  </el-dialog>
</template>

<script>
export default {
  name: 'rule',
  props: {
    // type:{
    //     type: Number,
    //     default: 5
    // }
  },
  data () {
    return {
      showRule: false,
      checked: false,
      disabledT: true,
      value: '',
      row: null
    }
  },
  created () {
    // this.value = this.values()
  },
  watch: {
    checked (n) {
      if (n) {
        this.disabledT = false
      } else {
        this.disabledT = true
      }
    },
    showRule (n) {
      if (!n) this.checked = false
    }
  },
  methods: {
    open (row) {
      this.row = row
      this.showRule = true
      this.value = this.values(row)
    },
    values (row) {
      /***
       * @type {string}
       * 1-待支付, 2-已取消, 3-支付中, 4-支付失败, 5-已支付, 6-退款申请中, 7-退款中, 8-退款失败,9-已退款
       * 10-待出票,11-待检票,12-已检票，21-已过期
       * 13-待确认,14-待入住,15-已入住
       * 16-待发货,17-已发货,18-已收货
       * 19-待使用,20-已使用（21已被使用）
       */
      let s = ''
      let h = ''
      switch (row.status) {
        case 15:
          s = '商品为已入住'
          h = '入住'
          break
        case 12:
          s = '门票为已检票状态'
          h = '检票'
          break
        case 18:
          s = '商品为已收货'
          h = '收货'
          break
        case 20:
          s = '商品为已使用'
          h = '使用'
          break
      }
      let str = `
            当前${s}状态，执行退款操作后会向支付系统发起申请，请提前具备如下条件，否则会退款失败。<br/>
                1.支付渠道已授权平台API退款<br/>
                2.银行卡中有余额足够退款<br/>
                3.针对用户全额退款，订单中包含的分享&分销奖励金不退还，该部分金额由商家自己承担<br/>
                当前退款不会改变订单状态，仍为已${h}状态，请确定是否退款？
            `
      return str
    },
    sure () {
      this.showRule = false
      this.$parent.sureRefund(this.row)
    }
  }
}
</script>

<style lang="scss" scoped>
.form-item-propmt {
  margin-top: 5px;
  display: flex;
  align-items: flex-start;
  .icon {
    color: #e6a23c;
    margin-right: 7px;
    font-size: 18px;
  }
  .propmt {
    //font-size: 13px;
    //color: #409EFF;
    line-height: 20px;
  }
}
.checkb {
  margin-top: 20px;
}
</style>
